#layout{
	border-top:1px solid transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	// padding-bottom:.7rem;
	// height: auto;
}
.header-main{
	margin-top: .86rem;
	height: 3.84rem;
	width:100%;
	background: url('../img/Rectangle 7Copy3@2x.png') no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;

}
.header-main>p{
	float: left;
	width:2.52rem;
	height: 3rem;
	margin:.4rem 0 .4rem .4rem;
	background-image:url('../img/head-agent.png');
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: contain;
	-webkit-background-size: contain;
}
.head-right{
	float: left;
	margin-left: .3rem;
}
.head-right>p{
	width:3.6rem;
}
.agentName{
	font-size: .32rem;
	color: #212121;
	line-height: .28rem;
	margin:.72rem 0 .3rem 0;
}
.personalEnounce{
	height: .96rem;
	font-size: .28rem;
	color: #808080;
	line-height: .48rem;
	margin-bottom: .3rem;
}
.personalEditable>a{
	width:2.6rem;
	height: .6rem;
	font-size: .28rem;
	line-height: .6rem;
	text-align: center;
	display: block;
	color:#FF6C6C;
	border:1px solid #FF6C6C;
}
.personalEditable>a>i{
	display: inline-block;
	vertical-align: middle;
	margin-right: .2rem;
	width:.32rem;
	height: .32rem;
	background: url('../img/eduiter-personnal@2x.png') no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}

.base-info::before,.custom-photo::before,.history-glory::before{
	content: "";
	width:.34rem;
	height: .34rem;
	position: absolute;
	top:55%;
	left: .3rem;
	transform:translate(0,-55%);
	-webkit-transform:translate(0,-55%);
	background:url('../img/personal-info.png') no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}
.custom-photo::before{
	background:url('../img/take-a-photo.png') no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}
.history-glory::before{
	background:url('../img/history-reword.png') no-repeat center center;
	background-size: contain;
	-webkit-background-size: contain;
}
.person-model{
	margin-top: .2rem;
}
.person-model>h5{
	padding:.3rem 0 .2rem .84rem;
	line-height: .4rem;
	color:#212121;
	font-size: .28rem;
	background: #fff;
	position: relative;
	margin-bottom: 1px;
}
.person-model>ul>li{
	background: #fff;
}
.person-model>ul>li::before,.person-model>ul>li::after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}
.person-model>ul>li>p,.person-model>ul>li>div{
	float: left;
	padding:.24rem 0 .24rem .3rem;
	line-height: .4rem;
	font-size: .28rem;
	color: #212121;
}
.person-model>ul>li>div{
	padding-left: .1rem;
	color:#808080;
}
#storeName{
	max-width: 70%;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.person-model>ul>li.forbid{
	width:100%;
	height: 3rem;
	text-align: center;
	margin:0;
	line-height: 3rem;
	font-size: .28rem;
	color: #808080;
	background: #fff;
}
.person-model>ul>li>address{
	float: right;
	padding:.24rem .3rem;
	line-height: .4rem;
	font-size: .28rem;
	font-style: normal;
	color: #ff5658;
}
#group-photo{
	background: #FFF;
}
#group-photo>ul>li{
	float: left;
	width:auto;
	height: 3.2rem;
	line-height: 3.2rem;
	background: #FCFCFC;
	margin:.2rem 0 .3rem 0;
}
#group-photo>ul>li>img{
	height: 100%;
	width:auto;
}
#group-photo>ul>li:first-child{
	margin-left: .3rem;
}
#group-photo>ul>li:last-child{
	margin-right: .3rem;
}
#group-photo>ul>li.forbid{
	width:100%;
	height: 3rem;
	float: left;
	text-align: center;
	margin:0;
	line-height: 3rem;
	font-size: .28rem;
	color: #808080;
	background: #fff;
}
